<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta charset="utf-8" />
    <title>ServiceManageGdSearch</title>

    <script src="__PUBLIC__/static/jqgrid/js/jquery-1.11.0.min.js"></script>
    <script type="text/ecmascript" src="__PUBLIC__/static/jqgrid/js/jquery.jqGrid.min.js"></script>
    <script type="text/ecmascript" src="__PUBLIC__/static/jqgrid/js/i18n/grid.locale-en.js"></script>

    <link rel="stylesheet" type="text/css" media="screen" href="__PUBLIC__/static/jqgrid/css/ui-lightness/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="__PUBLIC__/static/jqgrid/css/ui.jqgrid.css" />

    <link rel="stylesheet" href="__PUBLIC__/static/mycss/my.css" />


</head>

<body>

<div  class="span9">



    <table class="gridtable">
        <tr>
            <th>工单查询</th>
            <td><input type="button" value="未派工工单"></td>
            <td><input type="button" value="未完结工单"></td>
        </tr>
    </table>

    <br>

    <table class="gridtable">
        <tr>
            <th colspan="2">条件查询</th>
        </tr>
        <tr>
            <th>工单类别</th>
            <td></td>
        </tr>
        <tr>
            <th>进度</th>
            <td></td>
        </tr>
        <tr>
            <th>状态</th>
            <td></td>
        </tr>
        <tr>
            <th>服务内容</th>
            <td></td>
        </tr>
        <tr>
            <th>地区</th>
            <td></td>
        </tr>
        <tr>
            <th>内容</th>
            <td></td>
        </tr>
        <tr>
            <th>人员</th>
            <td></td>
        </tr>
        <tr>
            <th>时段</th>
            <td></td>
        </tr>
    </table>
    <input type="button" value="搜索">

    <hr style="height:1px;border:none;border-top:1px solid #555555;" />


        <table id="jqGrid"></table>

    </div>

    <div id="jqGridPager"  class="div"></div>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#jqGrid").jqGrid({
                url: 'index.php?s=/home/Gridjson/getServiceManageIndexJson',
                datatype: "json",
                colModel: [
                    { label: 'ID', name: 'id', width: 75 },
                    { label: '日期', name: 'inputdatetime', width: 90 },
                    { label: '帐号', name: 'tbaccount', width: 100 },
                    { label: '手机', name: 'tbmobile', width: 80},
                    { label: '商家', name: 'tbofflinemallid', width: 80 }
                ],
                loadonce: true,
                width: 800,
                height: 250,
                rowNum: 10,
                viewrecords: true,
                pager: "#jqGridPager",
                caption: "扫码购物用户信息"
            });
        });

    </script>



</body>
</html>